<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TRIVIAL PURSUIT</title>
<link rel="stylesheet" type="text/css" href="stylejeu.css"/>
</head>

<body>
<!-- Element de bandeau -->
<div align="center"></div>
<table width="785" border="0" align="center">
<tr><td><img src="images/jeu.bmp" alt="bandeau" width="500" height="50"/></td>
<td><input  style="width:100px" type="submit" name="submit" value="Quittez" onclick="window.close('jeu.html')" /> </td>
</tr>
</table>


<table align="left" >
<tr>
<!-- Info sur le joueur -->
<td width="300">
<table>
<tr><td>
<h2>Info</h2>
<p><b>Joueur</b> : martin</p>
<p><b>Camemberts</b> : jaune,bleu</p>
</td></tr>
<tr><td>
<p>Tour du joueur <b>jean</b></p>
<p><b>Thème</b> : Genius </p> 
</td></tr>
</table>
</td>
<!-- Bouton lancé dés -->
<td width="160">
<img src="images/desbleu.jpg" alt="des" width="20" height="20"/>
<input type="text" name="name" id="name" size="3" value="" />
<input  style="width:100px" type="submit" name="submit" value="Lancez dés!"/>
</td>

<!-- Marge -->
<td width="50">
</td>

<!-- Time -->
<td width="60">
<p><b> Temps restant </b>: </p>
<p> 00:45 </p>
<td>

<!-- Marge -->
<td width="50">
</td>


<!-- Fenetre de vote -->
<td width="200">
<table>
<tr><td>
<h2>Réponse joueur</h2>
<img src="images/carte.jpg" alt="vote" width="200" height="100"/>
</td></tr>

<tr><td>
<input  style="width:100px" type="submit" name="submit" value="Votez"/>
<label for="name">oui</label><input type="radio" name="niveau" id="radio1" value="1" />
<label for="name">non</label><input type="radio" name="niveau" id="radio2" value="2" />
</td></tr>
</table>
</td>

<!-- Marge -->
<td width="50">
</td>

<!--Joueurs Présents -->
<td width="200" align="center">
<h2>Joueurs</h2>
<table bgcolor="#EEEEEE">
<tr><td width="200" height="100">Liste des joueurs</td></tr>
</table>
</td>

</table>

<table align="left">
<!-- Fenetre question/reponse -->
<tr>
<td width="300" align="center">
<table>
<tr><td>
<h2>Question</h2>
<img src="images/carte.jpg" alt="question" width"300" height="150"/>
</td></tr>
<tr><td>
<h2>Réponse</h2>
<img src="images/carte.jpg" alt="question" width"300" height="150"/>
</td></tr>
</table>


<!-- Marge -->
<td width="30">
</td>

<!-- Plateau de jeu -->
<td><div id="jeu">
<img src="images/plateau.jpg" alt="plateau" width="480" height="480"/>
</div>
</div>
</td>

<!-- Marge -->
<td width="30">
</td>
<!-- Fenetre de tchat -->
<td width="300" align="center">
<h2>Tchat</h2>
<table bgcolor="#EEEEEE">
<tr><td width="300" height="400">fenetre de tchat</td></tr>
<tr><td>
<input type="text" name="name" id="name" size="50" value="" />
<input  style="width:100px" type="submit" name="submit" value="Envoyez"/>
</td></tr></table>
</td>
</tr>
</table>


</body>
</html>
